<!-- 首页 -->
<div class="index-wrapper wrapper">
	<!-- info-row -->
	<div class="info-row row">
		<div class="info-list col-md-8">
			<div class="info-list-item col-md-3">
				<h3 class="font-green">5</h3>
				<p>开班数</p>
			</div>
			<div class="info-list-item col-md-3">
				<h3 class="font-yellow">2</h3>
				<p>潜在生人数</p>
			</div>
			<div class="info-list-item col-md-3">
				<h3 class="font-purple">0</h3>
				<p>在校生</p>
			</div>
			<div class="info-list-item col-md-3">
				<h3 class="font-pink">0</h3>
				<p>预备生</p>
			</div>
			<div class="info-list-item col-md-3">
				<div class="chart">  
					<div class="percentage" data-percent="55"><span>55</span>%</div>    
				</div>
				<p>满班率</p>
			</div>
			<div class="info-list-item col-md-3">
				<div class="chart">  
					<div class="percentage" data-percent="1"><span>1</span>%</div>    
				</div>   
				<p>招生目标达成率</p>
			</div>
			<div class="info-list-item col-md-3">
				<div class="chart">  
					<div class="percentage" data-percent="25"><span>25</span>%</div>    
				</div>   
				<p>潜在生转换率</p>
			</div>
			<div class="info-list-item col-md-3">
				<div class="chart">  
					<div class="percentage" data-percent="42"><span>42</span>%</div>    
				</div>   
				<p>预备生留存率</p>
			</div>
		</div>
		
		
		<div class="banner col-md-4">
			<div class="swiper-container bg-white info-swiper" id="infoSwiper">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
			        	<h2>集团运营中心门户发布</h2>
			        	<div class="info-tips">
			        		<p>集团运营中心版为集团/连锁园的管理提供了系统化支持，请关注我们的官方网站了解更多。</p>
			        		<a href="javascript:void(0);">查看详情</a>
			        	</div>
			        	<img src="./resource/images/main/platform.png" alt="">
			        </div>
			        <div class="swiper-slide">
						<h2>基于微信的移动端发布</h2>
			        	<div class="info-tips">
			        		<p>CloudSchools微信移动端提供校园微门户、教师端应用及家长端应用，帮助园所实现互联网+应用。</p>
			        		<a href="javascript:void(0);">查看详情</a>
			        	</div>
			        	<img src="./resource/images/main/weixinapp.png" alt="">
			        </div>
			        <div class="swiper-slide">
						<h2>产品更新日志发布</h2>
			        	<div class="info-tips">
			        		<p>1.新增：学生档案批量操作 2.优化：修复部分Bug。</p>
			        		<a href="javascript:void(0);">查看详情</a>
			        	</div>
			        	<img src="./resource/images/main/update-icon.png" alt="">
			        </div>
			    </div>
			    <div class="swiper-pagination"></div>
			</div>
		</div>
		
	</div>
	<!-- class-list -->
	<ul class="class-list row">
		<div class="container-fluid">
			<li class="class-list-item col-md-3 col-sm-6">
			<img src="./resource/images/teacher-female.png" alt="">
			<h3>小一班</h3>
			<p>班级学生数：0/25,满班率：100%</p>
		</li>
		<li class="class-list-item col-md-3 col-sm-6">
			<img src="./resource/images/teacher-female.png" alt="">
			<h3>小一班</h3>
			<p>班级学生数：0/25,满班率：100%</p>
		</li>
		<li class="class-list-item col-md-3 col-sm-6">
			<img src="./resource/images/teacher-female.png" alt="">
			<h3>小一班</h3>
			<p>班级学生数：0/25,满班率：100%</p>
		</li>
		<li class="class-list-item col-md-3 col-sm-6">
			<img src="./resource/images/teacher-female.png" alt="">
			<h3>小一班</h3>
			<p>班级学生数：0/25,满班率：100%</p>
		</li>
		<li class="class-list-item col-md-3 col-sm-6">
			<img src="./resource/images/teacher-female.png" alt="">
			<h3>小一班</h3>
			<p>班级学生数：0/25,满班率：100%</p>
		</li>
		<li class="class-list-item col-md-3 col-sm-6">
			<img src="./resource/images/teacher-female.png" alt="">
			<h3>小一班</h3>
			<p>班级学生数：0/25,满班率：100%</p>
		</li>
		</div>
	</ul>
	<!-- arrage-row -->
	<div class="row">
		<div class="col-md-6"></div>
		<div class="col-md-6"></div>
	</div>
	<!-- finace-row -->
	<div class="finace-row row">
		<div class="container-fluid">
			<div class="finace-row-item col-md-3 col-sm-6">
				<div class="finace-row-item-head">待收费学生</div>
				<div class="finace-row-item-body clearfix">
					<i class="finace-row-item-body-left fa fa-users bg-red"></i>
					<div class="finace-row-item-body-right">
						<h3>共0人，总待收费用：</h3>
						<p>￥ 0.00</p>
					</div>
				</div>
			</div>
			<div class="finace-row-item col-md-3 col-sm-6">
				<div class="finace-row-item-head">收费金额<span>本学年总收：</span></div>
				<div class="finace-row-item-body">
					<i class="finace-row-item-body-left fa fa-upload bg-green"></i>
					<div class="finace-row-item-body-right">
						<h3>共0人，总待收费用：</h3>
						<p>￥ 0.00</p>
					</div>
				</div>
			</div>
			<div class="finace-row-item col-md-3 col-sm-6">
				<div class="finace-row-item-head">退费金额<span>本学年总收：</span></div>
				<div class="finace-row-item-body">
					<i class="finace-row-item-body-left fa fa-download bg-yellow"></i>
					<div class="finace-row-item-body-right">
						<h3>共0人，总待收费用：</h3>
						<p>￥ 0.00</p>
					</div>
				</div>
			</div>
			<div class="finace-row-item col-md-3 col-sm-6">
				<div class="finace-row-item-head">月结<span>本学年确认收入：￥ 0.00</span></div>
				<div class="finace-row-item-body">
					<i class="finace-row-item-body-left fa fa-lightbulb-o bg-blue"></i>
					<div class="finace-row-item-body-right">
						<h3>共0人，总待收费用：</h3>
						<p>￥ 0.00</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>